<!DOCTYPE HTML>
<title>outline and box-shadow</title>
<style>
html, body { margin: 0; padding: 0 }
p {
  margin: 50px;
  outline: 2px solid blue;
  padding: 5px; /* ensure no font overhang */
  background: yellow; color: black;
  box-shadow: 10px 10px 10px 2px black;
}
</style>
<p>The outline should be adjacent to the background.</p>
